<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>键盘事件</title>
  <script src="../js/vue.js"></script>
</head>

<body>
  <!-- 

    1
      Vue中常用的按键别名
      回车enter
      删除delete捕获“删除”和“退格”键
      退出esc
      空格space
      换行tab特殊，必须配合keydown去使用
      上up
      下down
      左left
      右right
    2
    Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（多单词小写短横线写法）
    3
    系统修饰键（用法特殊）ctrlaltshiftmeta（meta就是win键）
    a
    配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发
    指定 ctr+y 使用 @keyup.ctr.y
    b
    配合keydown使用：正常触发事件
    4
    也可以使用keyCode去指定具体的按键（不推荐）

   -->
</body>

</html>